<template>
    <van-sticky>
        <van-nav-bar title="订单列表" left-arrow @click-left="onClickLeft" />
    </van-sticky>
    <div>
        <van-tabs v-model:active="active">
            <van-tab title="全部">内容 1</van-tab>
            <van-tab title="待付款">
                <img width="100%" src="../../images/photo1.jpg" alt="">
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                <div class="neirong">
                        <span>￥29.58</span>
                <van-button type="danger">付款</van-button>
                </div>
            </van-tab>
            <van-tab title="待发货">
                <img width="100%" src="../../images/photo1.jpg" alt="">
                <van-empty description="还没有相关订单哦" />
            </van-tab>
            <van-tab title="待收货">内容 4</van-tab>
            <van-tab title="待评价">内容 3</van-tab>
            <van-tab title="售后">内容 4</van-tab>
        </van-tabs>

    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.neirong{
    float: right;
}
</style>